<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="UTF-8">
	<title> bootstrip</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">



</head>
<body>
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<!--<div class="container-fluid">-->
	<!--&lt;!&ndash;<div class="row">&ndash;&gt;-->
		<!--&lt;!&ndash;<div class="col-md-1">.col-md-1</div>&ndash;&gt;-->
		<!--&lt;!&ndash;<div class="col-md-1">.col-md-1</div>&ndash;&gt;-->
		<!--&lt;!&ndash;<div class="col-md-1">.col-md-1</div>&ndash;&gt;-->
		<!--&lt;!&ndash;<div class="col-md-1">.col-md-1</div>&ndash;&gt;-->
		<!--&lt;!&ndash;<div class="col-md-1">.col-md-1</div>&ndash;&gt;-->
		<!--&lt;!&ndash;<div class="col-md-1">.col-md-1</div>&ndash;&gt;-->
		<!--&lt;!&ndash;<div class="col-md-1">.col-md-1</div>&ndash;&gt;-->
		<!--&lt;!&ndash;<div class="col-md-1">.col-md-1</div>&ndash;&gt;-->
		<!--&lt;!&ndash;<div class="col-md-1">.col-md-1</div>&ndash;&gt;-->
		<!--&lt;!&ndash;<div class="col-md-1">.col-md-1</div>&ndash;&gt;-->
		<!--&lt;!&ndash;<div class="col-md-1">.col-md-1</div>&ndash;&gt;-->
		<!--&lt;!&ndash;<div class="col-md-1">.col-md-1</div>&ndash;&gt;-->
	<!--&lt;!&ndash;</div>&ndash;&gt;-->
	<!--&lt;!&ndash;<div class="row">&ndash;&gt;-->
		<!--&lt;!&ndash;<div class="col-md-8">.col-md-8</div>&ndash;&gt;-->
		<!--&lt;!&ndash;<div class="col-md-4">.col-md-4</div>&ndash;&gt;-->
	<!--&lt;!&ndash;</div>&ndash;&gt;-->
	<!--&lt;!&ndash;<div class="row">&ndash;&gt;-->
		<!--&lt;!&ndash;<div class="col-md-4">.col-md-4</div>&ndash;&gt;-->
		<!--&lt;!&ndash;<div class="col-md-4">.col-md-4</div>&ndash;&gt;-->
		<!--&lt;!&ndash;<div class="col-md-4">.col-md-4</div>&ndash;&gt;-->
	<!--&lt;!&ndash;</div>&ndash;&gt;-->
	<!--&lt;!&ndash;<div class="row">&ndash;&gt;-->
		<!--&lt;!&ndash;<div class="col-md-6">.col-md-6</div>&ndash;&gt;-->
		<!--&lt;!&ndash;<div class="col-md-6">.col-md-6</div>&ndash;&gt;-->
	<!--&lt;!&ndash;</div>&ndash;&gt;-->


<!--&lt;!&ndash;</div>&ndash;&gt;-->
<!--&lt;!&ndash;<div class="row">&ndash;&gt;-->
	<!--&lt;!&ndash;<div class="col-xs-12 col-md-8">.col-xs-12 .col-md-8</div>&ndash;&gt;-->
	<!--&lt;!&ndash;<div class="col-xs-6 col-md-4">.col-xs-6 .col-md-4</div>&ndash;&gt;-->
<!--&lt;!&ndash;</div>&ndash;&gt;-->

<!--&lt;!&ndash;&lt;!&ndash; Columns start at 50% wide on mobile and bump up to 33.3% wide on desktop &ndash;&gt;&ndash;&gt;-->
<!--&lt;!&ndash;<div class="row">&ndash;&gt;-->
	<!--&lt;!&ndash;<div class="col-xs-6 col-md-4">.col-xs-6 .col-md-4</div>&ndash;&gt;-->
	<!--&lt;!&ndash;<div class="col-xs-6 col-md-4">.col-xs-6 .col-md-4</div>&ndash;&gt;-->
	<!--&lt;!&ndash;<div class="col-xs-6 col-md-4">.col-xs-6 .col-md-4</div>&ndash;&gt;-->
<!--&lt;!&ndash;</div>&ndash;&gt;-->

<!--&lt;!&ndash;&lt;!&ndash; Columns are always 50% wide, on mobile and desktop &ndash;&gt;&ndash;&gt;-->
<!--&lt;!&ndash;<div class="row">&ndash;&gt;-->
	<!--&lt;!&ndash;<div class="col-xs-6">.col-xs-6</div>&ndash;&gt;-->
	<!--&lt;!&ndash;<div class="col-xs-6">.col-xs-6</div>&ndash;&gt;-->
<!--&lt;!&ndash;</div>&ndash;&gt;-->
<!--&lt;!&ndash;<h1>h1. Bootstrap heading</h1>&ndash;&gt;-->
<!--&lt;!&ndash;<h2>h2. Bootstrap heading</h2>&ndash;&gt;-->
<!--&lt;!&ndash;<h3>h3. Bootstrap heading</h3>&ndash;&gt;-->
<!--&lt;!&ndash;<h4>h4. Bootstrap heading</h4>&ndash;&gt;-->
<!--&lt;!&ndash;<h5>h5. Bootstrap heading</h5>&ndash;&gt;-->
<!--&lt;!&ndash;<h6>h6. Bootstrap heading</h6>&ndash;&gt;-->
<!--&lt;!&ndash;<del>这是一个段落.</del>&ndash;&gt;-->
<!--&lt;!&ndash;<u>This line of text will render as underlined</u>&ndash;&gt;-->
<!--&lt;!&ndash;<s>This line of text is meant to be treated as no longer accurate.</s>&ndash;&gt;-->
<!--&lt;!&ndash;<h1>h1. Bootstrap heading <small>Secondary text</small></h1>&ndash;&gt;-->
<!--&lt;!&ndash;<h2>h2. Bootstrap heading <small>Secondary text</small></h2>&ndash;&gt;-->
<!--&lt;!&ndash;<h3>h3. Bootstrap heading <small>Secondary text</small></h3>&ndash;&gt;-->
<!--&lt;!&ndash;<h4>h4. Bootstrap heading <small>Secondary text</small></h4>&ndash;&gt;-->
<!--&lt;!&ndash;<h5>h5. Bootstrap heading <small>Secondary text</small></h5>&ndash;&gt;-->
<!--&lt;!&ndash;<h6>h6. Bootstrap heading <small>Secondary text</small></h6>&ndash;&gt;-->
<!--&lt;!&ndash;<small>This line of text is meant to be treated as fine print.</small>&ndash;&gt;-->
<!--&lt;!&ndash;<p class="text-left">Left aligned text.</p>&ndash;&gt;-->
<!--&lt;!&ndash;<p class="text-center">Center aligned text.</p>&ndash;&gt;-->
<!--&lt;!&ndash;<p class="text-right">Right aligned text.</p>&ndash;&gt;-->
<!--&lt;!&ndash;<p class="text-justify">Justified text.</p>&ndash;&gt;-->
<!--&lt;!&ndash;<p class="text-nowrap">No wrap text.</p>&ndash;&gt;-->
<!--&lt;!&ndash;<p class="text-lowercase">Lowercased text.</p>&ndash;&gt;-->
<!--&lt;!&ndash;<p class="text-uppercase">Uppercased text.</p>&ndash;&gt;-->
<!--&lt;!&ndash;<p class="text-capitalize">Capitalized text.</p>&ndash;&gt;-->
<!--&lt;!&ndash;<em>rendered as italicized text</em>&ndash;&gt;-->
<!--&lt;!&ndash;<p class="text-lowercase">Lowercased text.</p>&ndash;&gt;-->
<!--&lt;!&ndash;<p class="text-uppercase">Uppercased text.</p>&ndash;&gt;-->
<!--&lt;!&ndash;<p class="text-capitalize">Capitalized text.</p>&ndash;&gt;-->
<!--<strong>这是一个段落</strong>-->
<!--<em>这是一个段落</em>-->
<!--<p class="text-lowercase">Lowercased text.</p>-->
<!--<p class="text-uppercase">Uppercased text.</p>-->
<!--<p class="text-captitalize">Capitalized text.</p>-->
<!--<attr title="attribute">attr</attr>-->
	<!--<p><abbr title="Hyper Text Markup Language" class="initialism">HTML</abbr>-->
		<!--is the best thing since sliced bread</p>-->
<!--<address>-->
	<!--<strong>Twitter,Inc.</strong><br>-->
	<!--1355 Market Street,Suite 900<br>-->
	<!--San Francisco, CA 94103<br>-->
	<!--<abbr title="phone">P:</abbr>(123)456-7890-->
<!--</address>-->
	<!--<address>-->
		<!--<strong>Full Name</strong><br>-->
		<!--<a href="mailto:#">first.last@example.com</a>-->
	<!--</address>-->
	<!--<blockquote>-->
		<!--<p>Lorem ipsum dolor sit amet,dondectetur adipiscing elit.</p>-->

	<!--</blockquote>-->
	<!--<blockquote>-->
		<!--<p>Lorem ipsum dolor sit amet,consectetur adipiscing elit.</p>-->
		<!--<footer>Someone famous in<cite tile="Source Title">Source Title</cite></footer>-->
	<!--</blockquote>-->
	<!--<ul class="list-inline">-->
		<!--<li>我是一</li>-->
		<!--<li>我是二</li>-->
		<!--<li>我是三</li>-->
		<!--<li>我是四</li>-->
		<!--<li>我是五</li>-->
		<!--<li>我是六</li>-->
	<!--</ul>-->
	<!--<dl>-->
		<!--<dt>描述列表</dt>-->
		<!--<dd>店里有很多的点心</dd>-->
		<!--<dt>家里有多少成员</dt>-->
		<!--<dd>家里有五口人</dd>-->
		<!--<dt>描述列表</dt>-->
		<!--<dd>店里有很多的点心</dd>-->
		<!--<dt>家里有多少成员</dt>-->
		<!--<dd>家里有五口人</dd>-->
		<!--<dt>描述列表</dt>-->
		<!--<dd>店里有很多的点心</dd>-->
		<!--<dt>家里有多少成员</dt>-->
		<!--<dd>家里有五口人</dd>-->
	<!--</dl>-->
	<!--<dl class="dl-horizontal">-->
		<!--<dt>描述列表</dt>-->
		<!--<dd>店里有很多的点心</dd>-->
		<!--<dt>家里有多少成员</dt>-->
		<!--<dd>家里有五口人</dd>-->
		<!--<dt>描述列表</dt>-->
		<!--<dd>店里有很多的点心</dd>-->
		<!--<dt>家里有多少成员</dt>-->
		<!--<dd>家里有五口人</dd>-->
		<!--<dt>描述列表</dt>-->
		<!--<dd>店里有很多的点心</dd>-->
		<!--<dt>家里有多少成员</dt>-->
		<!--<dd>家里有五口人</dd>-->
	<!--</dl>-->
	<!--For example, <code>&lt;section&gt;</code> should be wrapped as inline.-->

<!--For example,<code>&lt;section&gt;</code>should be wrapped as inline.-->
	<!--To switch directories, type <kbd>cd</kbd> followed by the name of the directory.<br>-->
	<!--To edit settings, press <kbd><kbd>ctrl</kbd> + <kbd>,</kbd></kbd>-->
	<!--<pre>&lt;p&gt;Sample text here...&lt;/p&gt;</pre>-->
<!--<var>y</var>=<var>m</var><var>x</var>+<var>b</var>-->
<!--<table class="table">-->
	<!--<thead>-->
	<!--<td>#</td>-->
	<!--<td>First Name</td>-->
	<!--<td>Last Name</td>-->
	<!--<td>User Name</td>-->
	<!--</thead>-->
	<!--<tr>-->
		<!--<td>1</td>-->
		<!--<td>Mark</td>-->
		<!--<td>Otto</td>-->
		<!--<td>@made</td>-->
	<!--</tr>-->
	<!--<tr>-->
		<!--<td>2</td>-->
		<!--<td>Jacob</td>-->
		<!--<td>Thornton</td>-->
		<!--<td>@adaa</td>-->
	<!--</tr>-->
	<!--<tr>-->
		<!--<td>3</td>-->
		<!--<td>Larry</td>-->
		<!--<td>the Bird</td>-->
		<!--<td>@ssff</td>-->
	<!--</tr>-->

<!--</table>-->
<!--<table class="table table-striped">-->
	<!--<thead>-->
	<!--<td>#</td>-->
	<!--<td>First Name</td>-->
	<!--<td>Last Name</td>-->
	<!--<td>User Name</td>-->
	<!--</thead>-->
	<!--<tr>-->
		<!--<td>1</td>-->
		<!--<td>Mark</td>-->
		<!--<td>Otto</td>-->
		<!--<td>@made</td>-->
	<!--</tr>-->
	<!--<tr>-->
		<!--<td>2</td>-->
		<!--<td>Jacob</td>-->
		<!--<td>Thornton</td>-->
		<!--<td>@adaa</td>-->
	<!--</tr>-->
	<!--<tr>-->
		<!--<td>3</td>-->
		<!--<td>Larry</td>-->
		<!--<td>the Bird</td>-->
		<!--<td>@ssff</td>-->
	<!--</tr>-->

<!--</table>-->
<!--<table class="table table-bordered">-->
	<!--<thead>-->
	<!--<td>#</td>-->
	<!--<td>First Name</td>-->
	<!--<td>Last Name</td>-->
	<!--<td>User Name</td>-->
	<!--</thead>-->
	<!--<tr>-->
		<!--<td>1</td>-->
		<!--<td>Mark</td>-->
		<!--<td>Otto</td>-->
		<!--<td>@made</td>-->
	<!--</tr>-->
	<!--<tr>-->
		<!--<td>2</td>-->
		<!--<td>Jacob</td>-->
		<!--<td>Thornton</td>-->
		<!--<td>@adaa</td>-->
	<!--</tr>-->
	<!--<tr>-->
		<!--<td>3</td>-->
		<!--<td>Larry</td>-->
		<!--<td>the Bird</td>-->
		<!--<td>@ssff</td>-->
	<!--</tr>-->

<!--</table>-->
<!--<table class="table table-hover table-striped table-bordered">-->
	<!--<thead>-->
	<!--<td>#</td>-->
	<!--<td>First Name</td>-->
	<!--<td>Last Name</td>-->
	<!--<td>User Name</td>-->
	<!--</thead>-->
	<!--<tr class="active">-->
		<!--<td>1</td>-->
		<!--<td>Mark</td>-->
		<!--<td>Otto</td>-->
		<!--<td>@made</td>-->
	<!--</tr>-->
	<!--<tr class="success">-->
		<!--<td>2</td>-->
		<!--<td>Jacob</td>-->
		<!--<td>Thornton</td>-->
		<!--<td>@adaa</td>-->
	<!--</tr>-->
	<!--<tr class="waring">-->
		<!--<td>3</td>-->
		<!--<td>Larry</td>-->
		<!--<td>the Bird</td>-->
		<!--<td>@ssff</td>-->
	<!--</tr>-->
	<!--<tr class="danger">-->
		<!--<td>4</td>-->
		<!--<td>Larry</td>-->
		<!--<td>the Bird</td>-->
		<!--<td>@ssff</td>-->
	<!--</tr>-->
	<!--<tr class="info">-->
		<!--<td>5</td>-->
		<!--<td>Larry</td>-->
		<!--<td>the Bird</td>-->
		<!--<td>@ssff</td>-->
	<!--</tr>-->


<!--</table>-->
<!--<table class="table table-bordered">-->
	<!--<thead>-->
	<!--<tr>-->

		<!--<td class="active">我是一</td>-->
		<!--<td class="success">我是二</td>-->
		<!--<td class="waring">我是三</td>-->
		<!--<td class="danger">我是四</td>-->
		<!--<td class="info">我是五</td>-->
	<!--</tr>-->


	<!--</thead>-->

<!--</table>-->
<!--<div class="table-responsive">-->
	<!--<table class="table">-->
		<!--<thead>-->
		<!--<tr>-->
			<!--<th>#</th>-->
			<!--<th>Table heading</th>-->
			<!--<th>Table heading</th>-->
			<!--<th>Table heading</th>-->
			<!--<th>Table heading</th>-->
			<!--<th>Table heading</th>-->
		<!--</tr>-->

		<!--</thead>-->
	<!---->
		<!--<tr>-->
			<!--<td>Table cell</td>-->
			<!--<td>Table cell</td>-->
			<!--<td>Table cell</td>-->
			<!--<td>Table cell</td>-->
			<!--<td>Table cell</td>-->
			<!--<td>Table cell</td>-->
		<!--</tr>-->
		<!--<tr>-->
			<!--<td>Table cell</td>-->
			<!--<td>Table cell</td>-->
			<!--<td>Table cell</td>-->
			<!--<td>Table cell</td>-->
			<!--<td>Table cell</td>-->
			<!--<td>Table cell</td>-->
		<!--</tr>-->
		<!--<tr>-->
			<!--<td>Table cell</td>-->
			<!--<td>Table cell</td>-->
			<!--<td>Table cell</td>-->
			<!--<td>Table cell</td>-->
			<!--<td>Table cell</td>-->
			<!--<td>Table cell</td>-->
		<!--</tr>-->



	<!--</table>-->

<!--</div>-->
<!--<form class="form-inline">-->
	<!--<div class="form-group">-->
		<!--<label for="exampleInputEmail1">Email address</label>-->
		<!--<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Email">-->
	<!--</div>-->
		<!--<div class="form-group">-->
			<!--<label for="exampleInputPassword1">Password1</label>-->
			<!--<input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">-->
		<!--</div>-->
		<!--<div class="form-group">-->
			<!--<label for="exampleInputfile">File input</label>-->
			<!--<input type="file" id="exampleInputfile">-->
			<!--<p class="help-block">Example block-level help text here</p>-->
		<!--</div>-->
		<!--<div class="checkbox">-->
			<!--<label>-->
				<!--<input type="checkbox">Check me out-->
			<!--</label>-->
		<!--</div>-->
	<!--<button type="submit" class="btn btn-default" >Submit </button>-->
<!--</form>-->

<!--<form class="form-inline">-->
	<!--<div class="form-group">-->
		<!--<label class="sr-only" for="exampleInputAmount" >Amount(in dollars)</label>-->
		<!--<div class="input-group">-->
			<!--<div class="input-group-addon">$</div>-->
			<!--<input type="text" class="form-control" id="exampleInputAmount" placeholder="Amount">-->
			<!--<div class="input-group-addon">.00</div>-->
		<!--</div>-->
		<!--<button type="submit" class="btn btn-primary">Transfer cash</button>-->

	<!--</div>-->

<!--</form>-->

<!--<form class="form-horizontal">-->
	<!--<div class="form-group">-->
		<!--<label for="inputEmail3" class="col-sm-2 control-label">Email</label>-->
		<!--<div class="col-sm-10">-->
			<!--<input type="email" class="form-control" id="inputEmail3" placeholder="Email">-->
		<!--</div>-->
	<!--</div>-->
	<!--<div class="form-group">-->
		<!--<label for="inputPassword3" class="col-sm-2 control-label">Password</label>-->
		<!--<div class="col-sm-10">-->
			<!--<input type="password" class="form-control" id="inputPassword3" placeholder="Password">-->
		<!--</div>-->
	<!--</div>-->
	<!--<div class="form-group">-->
		<!--<div class="col-sm-offset-2 col-sm-10">-->
			<!--<div class="checkbox">-->
				<!--<label>-->
					<!--<input type="checkbox"> Remember me-->
				<!--</label>-->
			<!--</div>-->
		<!--</div>-->
	<!--</div>-->
	<!--<div class="form-group">-->
		<!--<div class="col-sm-offset-2 col-sm-10">-->
			<!--<button type="submit" class="btn btn-default">Sign in</button>-->
		<!--</div>-->
	<!--</div>-->
<!--</form>-->
<!--<input type="url" class="form-control" placeholder="Text input">-->
<!--<textarea class="form-control" rows="10"></textarea>-->

<!--<div class="checkbox">-->
	<!--<label>-->
		<!--<input type="checkbox" value="">-->
		<!--Option one is this and that&mdash;be sure to include why it's great-->
	<!--</label>-->
<!--</div>-->

<!--<div class="checkbox disabled">-->
	<!--<label>-->
		<!--<input type="checkbox" value="" disabled>-->
		<!--Option two is disabled-->
	<!--</label>-->
<!--</div>-->

<!--<div class="radio">-->
	<!--<label>-->
		<!--<input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>-->
		<!--Option one is this and that&mdash;be sure to include why it's great-->
	<!--</label>-->
<!--</div>-->
<!--<div class="radio">-->
	<!--<label>-->
		<!--<input type="radio" name="optionsRadios" id="optionsRadios2" value="option2">-->
		<!--Option two can be something else and selecting it will deselect option one-->
	<!--</label>-->
<!--</div>-->
<!--<div class="radio disabled">-->
	<!--<label>-->
		<!--<input type="radio" name="optionsRadios" id="optionsRadios3" value="option3" disabled>-->
		<!--Option three is disabled-->
	<!--</label>-->
<!--</div>-->


<!--<label class="checkbox-inline">-->
	<!--<input type="checkbox" id="inlineCheckbox1" value="option1"> 1-->
<!--</label>-->
<!--<label class="checkbox-inline">-->
	<!--<input type="checkbox" id="inlineCheckbox2" value="option2"> 2-->
<!--</label>-->
<!--<label class="checkbox-inline">-->
	<!--<input type="checkbox" id="inlineCheckbox3" value="option3"> 3-->
<!--</label>-->

<!--<br>-->
<!--<label class="radio-inline">-->
	<!--<input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1"> 1-->
<!--</label>-->
<!--<label class="radio-inline">-->
	<!--<input type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2"> 2-->
<!--</label>-->
<!--<label class="radio-inline">-->
	<!--<input type="radio" name="inlineRadioOptions" id="inlineRadio3" value="option3"> 3-->
<!--</label>-->
<!--<select class="form-control">-->
	<!--<option>1</option>-->
	<!--<option>2</option>-->
	<!--<option>3</option>-->
	<!--<option>4</option>-->
	<!--<option>5</option>-->
	<!--<option>6</option>-->
	<!--<option>7</option>-->
<!--</select>-->

<!--<form class="form-horizontal">-->
	<!--<div class="form-group">-->
		<!--<label class="col-sm-2 control-label">Email</label>-->
		<!--<div class="col-sm-10">-->
			<!--<p class="form-control-static">email@example.com</p>-->
		<!--</div>-->
	<!--</div>-->
	<!--<div class="form-group">-->
		<!--<label for="inputPassword" class="col-sm-2 control-label">Password</label>-->
		<!--<div class="col-sm-10">-->
			<!--<input type="password" class="form-control" id="inputPassword" placeholder="Password">-->
		<!--</div>-->
	<!--</div>-->
<!--</form>-->
<!--<input class="form-control" id="disabledInput" type="text" placeholder="Disabled input here..." disabled>-->

<!--<div class="form-group has-success has-feedback">-->
	<!--<label class="control-label" for="inputSuccess2">Input with success</label>-->
	<!--<input type="text" class="form-control" id="inputSuccess2" aria-describedby="inputSuccess2Status">-->
	<!--<span class="glyphicon glyphicon-ok form-control-feedback" aria-hidden="true"></span>-->
	<!--<span id="inputSuccess2Status" class="sr-only">(success)</span>-->
<!--</div>-->


<!--<div id="carousel-example-generic" class="carousel slide col-md-5" data-ride="carousel" >-->

	<!--&lt;!&ndash; Indicators &ndash;&gt;-->
	<!--<ol class="carousel-indicators">-->
		<!--<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>-->
		<!--<li data-target="#carousel-example-generic" data-slide-to="1"></li>-->
		<!--<li data-target="#carousel-example-generic" data-slide-to="2"></li>-->
	<!--</ol>-->

	<!--&lt;!&ndash; Wrapper for slides &ndash;&gt;-->
	<!--<div class="carousel-inner" role="listbox" >-->
		<!--<div class="item active">-->
			<!--<img src="../../img/duo1.png" alt="duoduo-pic">-->
			<!--<div class="carousel-caption">-->
				<!--...-->
			<!--</div>-->
		<!--</div>-->
		<!--<div class="item">-->
			<!--<img src="../../img/duo2.png" alt="duoduo-pic">-->
			<!--<div class="carousel-caption">-->
				<!--...-->
			<!--</div>-->
		<!--</div>-->
		<!--<div class="item">-->
			<!--<img src="../../img/duo3.png" alt="duoduo-pic">-->
			<!--<div class="carousel-caption">-->
				<!--...-->
			<!--</div>-->
		<!--</div>-->

	<!--</div>-->

	<!--&lt;!&ndash; Controls &ndash;&gt;-->
	<!--<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">-->
		<!--<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>-->
		<!--<span class="sr-only">Previous</span>-->
	<!--</a>-->
	<!--<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">-->
		<!--<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>-->
		<!--<span class="sr-only">Next</span>-->
	<!--</a>-->
<!--</div>-->
<div class="dropdown">
	<button id="vancl" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
		我的凡客
		<span class="caret"></span>
	</button>
	<ul class="dropdown-menu" aria-labelledby="dLabel">
		<li>我的订单</li>
		<li>我的收藏</li>
		<li>积分查询</li>
	</ul>
</div>
<div class="dropdown">
	<button id="web-site" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
		网站导航
		<span class="caret"></span>
	</button>
	<ul class="dropdown-menu" aria-labelledby="dLabel">
		<li>网站联盟</li>
		<li>礼品卡</li>
		<li>咨询中心</li>
	</ul>
</div>

<div class="dropdown">
	<button id="help-center" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
		帮助中心
		<span class="caret"></span>
	</button>
	<ul class="dropdown-menu" aria-labelledby="dLabel">
		<li>购物指南</li>
		<li>配送方式</li>
		<li>售后服务</li>
		<li>投诉建议</li>
		<li>在线客服</li>
	</ul>
</div>

<div class="dropdown">
	<button id="notice" type="button" class="btn dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
		 网站公告
		<span class="caret"></span>
	</button>
	<ul class="dropdown-menu" aria-labelledby="dLabel">
		<li><a>配送公告</a></li>

	</ul>
</div>

<div class="btn-group">
	<button type="button" class="btn btn-default dropdown-toggle"
			data-toggle="dropdown">
		默认 <span class="caret"></span>
	</button>
	<ul class="dropdown-menu" role="menu">
		<li><a href="#">功能</a></li>
		<li><a href="#">另一个功能</a></li>
		<li><a href="#">其他</a></li>

		<li><a href="#">分离的链接</a></li>
	</ul>
</div>

<div class="dropdown">
	<button type="button" class="btn dropdown-toggle" id="dropdownMenu1"
			data-toggle="dropdown">
		主题
		<span class="caret"></span>
	</button>
	<ul class="dropdown-menu" >
		<li >
			<a  href="#">Java</a>
		</li>
		<li >
			<a  href="#">数据挖掘</a>
		</li>
		<li >
			<a  href="#">数据通信/网络</a>
		</li>
		<li  class="divider"></li>
		<li >
			<a  href="#">分离的链接</a>
		</li>
	</ul>
</div>




 </body>
</html>
